<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>博客屋</title>
    <link href="js/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="css/videoCourse.css" rel="stylesheet">
    <!-- PX-VIDEO CSS -->
    <link rel="stylesheet" href="lib/accessible/css/px-video.css" />
    <style>
        ul {
            padding-left: 0px;
        }
        
        ul li {
            list-style: none;
        }
        
        #wrapper {
            width: 640px;
            margin: 1em auto;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        }
        
        .video_div {}
    </style>

    <body id="app">
        <nav class="navbar navbar-default navbar-top">
            <div class="container-fluid">
                <div class="navbar-header">
                    <a href="#" class="navbar-brand">博客屋</a>
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
                        <span class="sr-only">切换导航</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        </button>
                </div>
                <div class="collapse navbar-collapse" id="navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="#"><span class="glyphicon glyphicon-home"></span> 首页</a></li>
                        <li><a href="#"><span class="glyphicon glyphicon-fire"></span> 视频</a></li>
                        <li><a href="#"><span class="glyphicon glyphicon-list"></span> 博客</a></li>
                        <li><a href="#"><span class="glyphicon glyphicon-comment"></span> 论坛</a></li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="#"><span class="glyphicon glyphicon-user"></span> 登录</a></li>
                        <li><a href="#"><span class="glyphicon glyphicon-edit"></span> 注册</a></li>
                </div>
            </div>
        </nav>

        <div class="tab1">
            <div class="container">
                <ol class="breadcrumb">
                    <li><a href="#">首页</a></li>
                    <li><a href="#">视频教程</a></li>
                    <li class="active">龙果开源支付系统业务介绍与部署</li>
                </ol>


                <div class="row">
                    <div class="col-md-8 col-md-offset-2 video_div">
                        <div class="px-video-container" id="myvid">
                            <div class="px-video-img-captions-container">
                                <div class="px-video-captions hide"></div>
                                <video width="720" height="450" poster="lib/accessible/media/poster_PayPal_Austin2.jpg" controls>
			<!-- video files -->
			<source src="https://www.paypalobjects.com/webstatic/mktg/videos/PayPal_AustinSMB_baseline.mp4" type="video/mp4" />
			<source src="https://www.paypalobjects.com/webstatic/mktg/videos/PayPal_AustinSMB_baseline.webm" type="video/webm" />

			<!-- text track file -->
			<track kind="captions" label="English captions" src="lib/accessible/media/captions_PayPal_Austin_en.vtt" srclang="en" default />

			<!-- fallback for browsers that don't support the video element -->
			<div>
				<a href="https://www.paypalobjects.com/webstatic/mktg/videos/PayPal_AustinSMB_baseline.mp4">
					<img src="media/poster_PayPal_Austin2.jpg" width="720" height="450" alt="download video" />
				</a>
			</div>
		</video>
                            </div>
                            <!-- end container for captions and video -->
                            <div class="px-video-controls"></div>
                        </div>
                        <!-- end video container -->
                    </div>

                </div>
            </div>
        </div>
        <script src="js/bootstrap/js/jquery-1.11.1.min.js"></script>
        <script src="js/bootstrap/js/bootstrap.min.js"></script>
        <script src="../js/vue/vue1.js"></script>
        <!-- end page wrapper container -->
        <script src="lib/accessible/js/strings.js"></script>
        <script src="lib/accessible/js/px-video.js"></script>

        <script>
            var vm = new Vue({
                el: '#app'
            });
        </script>
    </body>

</html>